<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Area.aspx.cs" Inherits="Area" %>

<%@ Register Src="~/controls/TopNav.ascx" TagName="TopNav" TagPrefix="cm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="AreaHead" runat="server">
    <title>Area page</title>
    <link href="/css/cm.css" type="text/css" rel="stylesheet"/>
    <script src="http://maps.google.com/maps?file=api&v=2.x&key=<%=GetGmapKey()%>" type="text/javascript"></script>
    <script src="/js/mootools111beta.js" type="text/javascript"></script>
    <script src="/js/cm.js" type="text/javascript"></script>
    <script src="/zonedata/<%=GetJS()%>" type="text/javascript"></script>
    <script src="/zonedata/cities.js" type="text/javascript"></script>
</head>
<body onload="load()" onunload="GUnload()">
    <form id="AreaBody" runat="server">
    <div id="body">
        <div id="header">
            <div id="logo">Logo</div>
            <div id="topbanners">
                Leaderboard banner goes here. Internal ads or paid ads.
            </div>
        </div>
        
        <cm:TopNav runat="server" ID="TopNav" />
        
        <div id="leftcol">
            <h1><%=GetAreaName()%>: Crime Map</h1>
            <div id="map"></div>
            <div id="mapmessage">Click on the map to return to search mode</div>
            <p id="article">Loading...</p>
            <div id="loading"><img src="/images/ajax-loader.gif" alt="Data is loading" /></div>
            <div id="leavemessage">
                <div><a href="#" id="readcomment">Read comments</a></div>
                <div><a href="#" id="leavecomment">Have something to say?</a></div>
            </div>
            <div id="iconslegend">
                <h3>Crime map icons</h3>
                <div><img src="/images/pin_Radar.gif" alt="icon Radar" /> - Radar Crime There</div>
                <div><img src="/images/pin_Murder.gif" alt="icon Murder" /> - Murder/Manslaughter</div>
                <div><img src="/images/pin_Assault.gif" alt="icon Assault" /> - Assult/Browl/Fight</div>
                <div><img src="/images/pin_Robbery.gif" alt="icon Robbery" /> - Robbery</div>
                <div><img src="/images/pin_Rape.gif" alt="icon Sexual crime" /> - Sexaul crime</div>
                <div><img src="/images/pin_Vandalism.gif" alt="icon Vandalism" /> - Vandalism</div>
                <div><img src="/images/pin_Drugs.gif" alt="icon Drugs" /> - Drugs related</div>
                <div><img src="/images/pin_Theft.gif" alt="icon Theft" /> - Theft</div>
                <div><img src="/images/pin_Accident.gif" alt="icon Accident" /> - Accident</div>
            </div>
        </div>
        <div id="rightcol">
            <h2>Latest crime news in <%=GetAreaName()%></h2>
            <div id="searchopt">
                Period: 
                <select id="getPeriod" onchange="javascript:loadEvents();">
                    <option value="1w">last Week</option>
                    <option value="1m" selected="selected">last Month</option>
                    <option value="3m">last 3 Months</option>
                    <option value="6m">last 1/2 Year</option>
                    <option value="1y">last Year</option>
                </select> 
            </div>
            <div id="sidenews"><img src="/images/ajax-news.gif" alt="Loading..." /></div>
            <img src="/images/adsense_short.gif" alt="AddSense Sample" />
        </div>
        <div id="footer"><br /><br />&copy; Serge Kotlyarov, 2008
            <div id="testpad"></div>
        </div>
    </div>
    <div id="areaname"></div>
    </form>
    <script type="text/javascript">
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
        var pageTracker = _gat._getTracker("UA-1274154-2");
        pageTracker._initData();
        pageTracker._trackPageview();
    </script>
</body>
</html>
